<!doctype html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>商品列表</title>
</head>
<script></script>
<link rel="stylesheet" href="css1/product_list.css">
<body>
  <div class="header">
    <img src="list.img/top1.jpg" alt="">
        <img src="list.img/top.jpg" alt="">
        <img src="list.img/background.jpg" alt="">
        <a href="" class="mi-logo"><img src="list.img/logo.png" alt=""></a>
        <a href="">返回小米商城&gt;</a>
    </div>
    <div class="pbody">
      <div class="floor1">
        <div>
          <div>
            <img src="list.img/01.jpg" alt="">
            <div>
              <a href="" class="pname">Redmi K20 Pro</a>
              <span class="pprice">￥2499<em>起</em></span>
              <span class="pdetail">骁龙855， 弹出全面屏</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">6期免息</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/02.jpg" alt="">
            <div>
              <a href="" class="pname">Redmi K20</a>
              <span class="pprice">￥1999<em>起</em></span>
              <span class="pdetail">弹出全面屏，4800万摄</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">6期免息<br>赠耳机</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/03.jpg" alt="">
            <div>
              <a href="" class="pname">Redmi Note7</a>
              <span class="pprice">￥999<em>起</em></span>
              <span class="pdetail">4800万摄，长续航</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">3期免息<br>加赠耳机</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/04.jpg" alt="">
            <div>
              <a href="" class="pname">Redmi Note7 Pro</a>
              <span class="pprice">￥1599<em>起</em></span>
              <span class="pdetail">索尼4800万超清拍照</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">3期免息</span>
            </div>
          </div>
        </div>
        <div>
        <div>
          <img src="list.img/05.jpg" alt="">
          <div>
            <a href="" class="pname">Redmi 7A</a>
            <span class="pprice">￥549<em>起</em></span>
            <span class="pdetail">骁龙8核处理器</span>
            <a href="" class="btn">立即购买</a>
            <span class="pseal">549元起</span>
          </div>
        </div>
        </div>
        <div>
          <div>
            <img src="list.img/06.jpg" alt="">
            <div>
              <a href="" class="pname">小米9</a>
              <span class="pprice">￥2999<em>起</em></span>
              <span class="pdetail">全息幻彩机身，骁龙855</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">赠车充</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/07.jpg" alt="">
            <div>
              <a href="" class="pname">Redmi 7</a>
              <span class="pprice">￥699<em>起</em></span>
              <span class="pdetail">4000mAh超长续航</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">赠耳机</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/08.jpg" alt="">
            <div>
              <a href="" class="pname">小米9 SE</a>
              <span class="pprice">￥1999<em>起</em></span>
              <span class="pdetail">索尼4800万三摄，骁龙712</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">赠耳机</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/09.jpg" alt="">
            <div>
              <a href="" class="pname">小米8 青春版</a>
              <span class="pprice">￥1049<em>起</em></span>
              <span class="pdetail">索尼2400万自拍，超级夜景</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">限时秒杀</span>
            </div>
          </div>
        </div>
        <div>
          <div>
            <img src="list.img/10.jpg" alt="">
            <div>
              <a href="" class="pname">小米8 SE</a>
              <span class="pprice">￥1599<em>起</em></span>
              <span class="pdetail">小屏旗舰机，AI超感光双摄</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">6期免息</span>
            </div>
          </div>
        </div>  
      </div>
      <img src="list.img/bg2.jpg" alt="">
      <div class="floor2">
        <div class="floor-top">
          <div><img src="list.img/11.jpg" alt=""></div>
          <div>
            <div>
              <a href="" class="pname">Redmi Note 7</a>
              <span class="pdetail">4800万拍照 4000mAh 长续航</span>
              <span class="pprice">¥999<em>起</em></span><br>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">6期免息</span>
            </div>
          </div>
        </div>
        <div class="floor1">
            <div>
              <div>
                <img src="list.img/12.jpg" alt="">
                <div>
                    <a href="" class="pname">Redmi Note7 Pro</a>
                  <span class="pprice">¥1599<em>起</em></span>
                  <span class="pdetail">索尼4800万超清拍照</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/13.jpg" alt="">
                <div>
                  <a href="" class="pname">小米Play</a>
                  <span class="pprice">¥749<em>起</em></span>
                  <span class="pdetail">5.84"小水滴全面屏</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/14.jpg" alt="">
                <div>
                  <a href="" class="pname">Redmi K20 Pro</a>
                  <span class="pprice">￥2499<em>起</em></span>
                  <span class="pdetail">骁龙855， 弹出全面屏</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
            <div>
              <img src="list.img/15.jpg" alt="">
              <div>
                <a href="" class="pname">Redmi 7</a>
                <span class="pprice">¥699<em>起</em></span>
                <span class="pdetail"> 4000mAh超长续航</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
            </div>
            <div>
              <div>
                <img src="list.img/16.jpg" alt="">
                <div>
                  <a href="" class="pname">小米Max 3</a>
                  <span class="pprice">¥1299<em>起</em></span>
                  <span class="pdetail">超大屏，超大电量</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/17.jpg" alt="">
                <div>
                  <a href="" class="pname">红米6A</a>
                  <span class="pprice">¥549<em>起</em></span>
                  <span class="pdetail">好看耐用/轻巧省心</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
        </div>  
      </div>
      <img src="list.img/bg3.jpg" alt="">
      <div class="floor2">
        <div class="floor-top">
          <div><img src="list.img/18.jpg" alt=""></div>
          <div>
            <div>
              <a href="" class="pname">Redmi Note 7</a>
              <span class="pdetail">4800万拍照 4000mAh 长续航</span>
              <span class="pprice">¥999<em>起</em></span><br>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">6期免息</span>
            </div>
          </div>
        </div>
        <div class="floor1">
          <div>
            <div>
              <img src="list.img/19.jpg" alt="">
              <div>
                <a href="" class="pname">小米9 SE</a>
                <span class="pprice">¥1999<em>起</em></span>
                <span class="pdetail">索尼4800万三摄，骁龙712</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
          </div>
          <div>
            <div>
              <img src="list.img/20.jpg" alt="">
              <div>
                <a href="" class="pname">小米8</a>
                <span class="pprice">¥2599<em>起</em></span>
                <span class="pdetail">相机全新升级，骁龙845</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
          </div>
          <div>
            <div>
              <img src="list.img/21.jpg" alt="">
              <div>
                <a href="" class="pname">小米8 屏幕指纹版</a>
                <span class="pprice">¥2199<em>起</em></span>
                <span class="pdetail">全新升级十大功能，骁龙845</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
          </div>
          <div>
          <div>
            <img src="list.img/22.jpg" alt="">
            <div>
              <a href="" class="pname">小米8 SE</a>
              <span class="pprice">¥1599<em>起</em></span>
              <span class="pdetail">小屏旗舰机，AI超感光双摄</span>
              <a href="" class="btn">立即购买</a>
              <span class="pseal">6期免息</span>
            </div>
          </div>
          </div>
        </div>  
      </div>
      <img src="list.img/bg.4.jpg" alt="">
      <div class="floor2">
          <div class="floor-top">
            <div><img src="list.img/23.jpg" alt=""></div>
            <div>
              <div>
                <a href="" class="pname">小米9</a>
                <span class="pdetail">全曲面轻薄机身，骁龙855处理器</span>
                <span class="pprice">¥2999<em>起</em></span><br>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
          </div>
          <div class="floor1">
            <div>
              <div>
                <img src="list.img/24.jpg" alt="">
                <div>
                  <a href="" class="pname">小米9 SE</a>
                  <span class="pprice">¥1999<em>起</em></span>
                  <span class="pdetail">索尼4800万三摄，骁龙712</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/25.jpg" alt="">
                <div>
                  <a href="" class="pname">小米8 青春版</a>
                  <span class="pprice">¥1049<em>起</em></span>
                  <span class="pdetail">索尼2400万自拍，超级夜景</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/26.jpg" alt="">
                <div>
                  <a href="" class="pname">小米8 SE</a>
                  <span class="pprice">¥1599<em>起</em></span>
                  <span class="pdetail">小屏旗舰机，AI超感光双摄</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
            <div>
              <img src="list.img/27.jpg" alt="">
              <div>
                <a href="" class="pname">小米6X</a>
                <span class="pprice">¥999<em>起</em></span>
                <span class="pdetail">前置2000万，后置2000万</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
            </div>
          </div>  
      </div>
      <img src="list.img/bg5.jpg" alt="">
      <div class="floor2">
          <div class="floor-top">
            <div><img src="list.img/28.jpg" alt=""></div>
            <div>
              <div>
                <a href="" class="pname">Redmi K20</a>
                <span class="pdetail">弹出全面屏，索尼4800万超广角三摄</span>
                <span class="pprice">¥1999<em>起</em></span><br>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
          </div>
          <div class="floor1">
            <div>
              <div>
                <img src="list.img/29.jpg" alt="">
                <div>
                  <a href="" class="pname">黑鲨游戏手机 2</a>
                  <span class="pprice">¥2899<em>起</em></span>
                  <span class="pdetail">骁龙855，立体触控</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/30.jpg" alt="">
                <div>
                  <a href="" class="pname">小米9</a>
                  <span class="pprice">¥2999<em>起</em></span>
                  <span class="pdetail">全息幻彩机身，骁龙855</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/31.jpg" alt="">
                <div>
                  <a href="" class="pname">小米8 屏幕指纹版</a>
                  <span class="pprice">¥2199<em>起</em></span>
                  <span class="pdetail">全新升级十大功能，骁龙845</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
            <div>
              <img src="list.img/32.jpg" alt="">
              <div>
                <a href="" class="pname">小米MIX 3</a>
                <span class="pprice">¥3299<em>起</em></span>
                <span class="pdetail">磁动力滑盖全面屏</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
            </div>
          </div>  
      </div>
      <img src="list.img/bg6.jpg" alt="">
      <div class="floor2">
          <div class="floor1">
            <div>
              <div>
                <img src="list.img/33.jpg" alt="">
                <div>
                  <a href="" class="pname">小米9</a>
                  <span class="pprice">¥2999<em>起</em></span>
                  <span class="pdetail">全息幻彩机身，骁龙855</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/34.jpg" alt="">
                <div>
                  <a href="" class="pname">小米MIX 2S</a>
                  <span class="pprice">¥1999<em>起</em></span>
                  <span class="pdetail">四曲面陶瓷机身，骁龙845</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
              <div>
                <img src="list.img/35.jpg" alt="">
                <div>
                  <a href="" class="pname">小米MIX 3</a>
                  <span class="pprice">¥3299<em>起</em></span>
                  <span class="pdetail"> 磁动力滑盖全面屏</span>
                  <a href="" class="btn">立即购买</a>
                  <span class="pseal">6期免息</span>
                </div>
              </div>
            </div>
            <div>
            <div>
              <img src="list.img/36.jpg" alt="">
              <div>
                <a href="" class="pname">Redmi K20 Pro</a>
                <span class="pprice">￥2499<em>起</em></span>
                <span class="pdetail">骁龙855， 弹出全面屏</span>
                <a href="" class="btn">立即购买</a>
                <span class="pseal">6期免息</span>
              </div>
            </div>
            </div>
          </div>  
      </div>
  </div>
</body>
</html>